<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>sum</title>
        <script
                src="https://code.jquery.com/jquery-3.4.1.min.js"
                integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
                crossorigin="anonymous"></script>
    </head>
    <body>
        <input type="text " id="a">
        <input type="text " id="b">
        <button id="sum" type="button">计算</button>
        <script>
            $("#sum").click(function () {

                var myjson = {a: $("#a").val(), b: $("#b").val()};
                console.log(myjson);
                $.ajax({
                    url: "/add",   // 请求路径
                    type: "post",            // 请求的方式，不区分大小写
                    async: true,             // 是否异步，true是默认值，false为同步请求
                    cache: false,            // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
                    datatype: "json",      // 返回类型，text文本、html页面、json数据
                    contentType: "application/json;charset=utf-8",
                    data: JSON.stringify(myjson),
                    success: function (response) {
                        alert("结果为:"+response.msg)
                    },
                    error: function (response) {
                    }
                })

            })

        </script>
    </body>
</html>